<template style="background: white">
	<view>
		<view style="background: white;z-index: 999">
			<scroll-view
				scroll-x
				class="bg-white nav"
				scroll-with-animation
				:scroll-left="scrollLefts"
				style="position: fixed;z-index: 100;text-align: center;border-bottom:1px solid ghostwhite"
			>
				<view class="cu-item" :class="indexs == TabCurs ? 'text-green cur' : ''" v-for="(item, indexs) in tab" :key="indexs" @tap="searchSelect" :data-id="indexs">
					<text :style="indexs==TabCurs?'border-bottom: 4upx solid #E10A07;padding-bottom: 10upx;margin-right: -20upx;font-size: 32upx;':'background: #ffffff;color: #333333;margin-right: -10px'">
						{{item.name}}
					</text>
				</view>
			</scroll-view>
		</view>
		<view style="height: 1px;background: grey;width: 100%"></view>
		<view class="index-content" style="padding-top: 80upx;">
			<view class="index-coupon has-bg-white has-pd-10 top_30">
				<view class="goods-list" v-if="couponlist.length > 0">
					<orange-goods-card-home
						v-for="(item, index) in couponlist"
						:index="index % 2"
						:logo="logo"
						:isEnable="isEnable"
						:tkmoney="item.tkmoney"
						:shopname='item.shopname'
						:tkmoneys="item.tkmoneys"
						:itemid="item.itemid"
						:is-invitation="isInvitation"
						:itempic="item.itempic + '_310x310.jpg'"
						:itemtitle="item.itemtitle"
						:itemprice="'¥' + item.itemprice"
						:itemsale="item.itemsale"
						:itemendprice="'' + item.itemendprice"
						:couponmoney="item.couponmoney"
					></orange-goods-card-home>
				</view>
			</view>
			<!-- 悬浮上拉 -->
			<view class="scroll_top" @tap="topScrollTap" v-bind:class="[scrollTop ? 'active' : '', '']" style="bottom: 56px;"><text class="iconfont icon-shangla"></text></view>

			<!-- 加载更多提示 -->
			<view class="s-col is-col-24" v-if="couponlist.length > 0"><load-more :loadingType="loadingType" :contentText="contentText"></load-more></view>
			<!-- 加载更多提示 -->
			<empty v-if="couponlist.length === 0" des="暂无数据" show="false"></empty>
		</view>
	</view>
</template>

<script>
export default {
	onShareAppMessage(res) {
		return {
			title: '购物先领券，一年省一半',
			path: '/pages/index/index'
		};
	},

	data() {
		return {
			logo: '../../static/img/mao.png',
			tab: [
				{ name: '热销', position: 4, total: 0, data: [] },
				{ name: '最新', position: 0, total: 0, data: [] },
				{ name: '超低价', position: 1, total: 0, data: [] },
				{ name: '高佣金', position: 5, total: 0, data: [] },
				{ name: '大额券', position: 3, total: 0, data: [] }
			],
			TabCurs: 0,
			showData: false,
			
			scrollLeft: 0,
			scrollLefts: 0,
			couponlist: [],
			goods: {},
			page: 1,
			min_id: 1,
			cid: 0,
			type: 1,
			sort: 4,
			genderKey: 'gender',
			loadingType: 0,
			scrollTop: false,
			isEnable: '否',
			isInvitation: 0,
			contentText: {
				contentdown: '上拉显示更多',
				contentrefresh: '正在加载...',
				contentnomore: '没有更多数据了'
			}
		};
	},
	onLoad: function(e) {
		let a = this.$queue.getData('isEnable');
		if (a) {
			this.isEnable = a;
		}
		if (e.title && e.type) {
			this.type = e.type;
			uni.setNavigationBarTitle({
				title: e.title
			});
			uni.showLoading({
				title: '加载中...'
			});
			this.loadCouponList();
			let userId = this.$queue.getData('userId');
			if (userId) {
				this.$Request.getT('/user/' + userId).then(res => {
					if (res.status === 0) {
						this.$queue.setData('image_url', res.data.image_url);
						this.$queue.setData('mobile', res.data.phone);
						this.isInvitation = res.data.isInvitation;
						this.$queue.setData('isInvitation', res.data.isInvitation);
						this.$queue.setData('relation', res.data.invitation);
						this.$queue.setData('grade', res.data.grade);
						this.$queue.setData('nickName', res.data.nickName);
						this.$queue.setData('relation_id', res.data.relationId);
						this.$queue.setData('gender', parseInt(res.data.gender));
					}
				});
			}
		} else {
			uni.navigateBack();
		}
	},
	onPageScroll: function(e) {
		this.scrollTop = e.scrollTop > 200;
	},
	methods: {
		searchSelect(e) {
			this.TabCurs = e.currentTarget.dataset.id;
			this.sort = this.tab[e.currentTarget.dataset.id].position;
			this.scrollLefts = (e.currentTarget.dataset.id - 1) * 60;
			this.page = 1;
			this.min_id = 1;
			uni.showLoading({
				title: '加载中...'
			});
			//#ifdef H5
			uni.pageScrollTo({
				scrollTop: 0,
				duration: 300
			});
			//#endif
			this.loadCouponList('Refresh');
		},
		tabSelect(e) {
			this.TabCur = e.currentTarget.dataset.id;
			this.cid = e.currentTarget.dataset.id;
			this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60;
			this.page = 1;
			this.min_id = 1;
			uni.showLoading({
				title: '加载中...'
			});
			//#ifdef H5
			uni.pageScrollTo({
				scrollTop: 0,
				duration: 300
			});
			//#endif
			this.loadCouponList('Refresh');
		},
		topScrollTap: function() {
			uni.pageScrollTo({
				scrollTop: 0,
				duration: 300
			});
		},

		loadCouponList: function(type) {
			this.loadingType = 1;
			let that = this;
			this.$Request.get('/api/column/apikey/maxd/type/' + this.type + '/back/10/sort/' + this.sort + '/min_id/' + this.min_id + '/cid/11').then(res => {
				this.loadingType = 0;
				if (res.code === 1) {
					if (this.page === 1) {
						this.couponlist = [];
					}
					this.min_id = res.min_id;
					res.data.forEach(d => {
						let grade = this.$queue.getData('grade');
						d.tkmoneys = (d.tkmoney * parseFloat(this.$queue.maxMoney())).toFixed(2);
						if (grade) {
							d.tkmoney = (d.tkmoney * parseFloat(grade)).toFixed(2);
						} else {
							d.tkmoney = (d.tkmoney * parseFloat(this.$queue.minMoney())).toFixed(2);
						}
						d.itemsale = d.itemsale > 10000 ? '已售 ' + (d.itemsale / 10000).toFixed(1) + '万' : '已售 ' + d.itemsale;
						this.couponlist.push(d);
					});
					//#ifdef H5
					let url = encodeURIComponent(window.location.href.split('#')[0]);
					that.$Request.get('/tao/wx/js/sign?url=' + url).then(res => {
						that.$wx.config({
							debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
							appId: res['appid'], // 必填，公众号的唯一标识
							timestamp: res['timestamp'], // 必填，生成签名的时间戳
							nonceStr: res['noncestr'], // 必填，生成签名的随机串
							signature: res['signature'], // 必填，签名
							jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'] // 必填，需要使用的JS接口列表
						});
						that.$wx.ready(function() {
							//分享到朋友
							that.$wx.onMenuShareAppMessage({
								title: '全网爆款网红美食来袭',
								desc: '全网超低折扣价！让你享受白菜价网购的快感！',
								link: window.location.href.split('#')[0], // 分享链接
								imgUrl: this.$queue.publicYuMing() + '/shg.png', // 分享图标
								type: 'link', // 分享类型,music、video或link，不填默认为link
								success: function() {},
								cancel: function() {}
							});
							that.$wx.onMenuShareTimeline({
								title: '爆款网红美食！全网超低折扣价！让你享受白菜价网购的快感！',
								link: window.location.href.split('#')[0], // 分享链接
								imgUrl: this.$queue.publicYuMing() + '/shg.png', // 分享图标
								trigger: function(res) {},
								success: function(res) {},
								cancel: function(res) {},
								fail: function(res) {}
							});
						});
					});
					//#endif
				} else {
					this.loadingType = 2;
				}
				uni.hideLoading();
				if (type === 'Refresh') {
					uni.stopPullDownRefresh(); // 停止刷新
				}
			});
		},
		toGoodsInfo: function(itemid) {
			let relation_id = this.$queue.getData('relation_id');
			if (relation_id) {
				uni.navigateTo({
					url: '/pages/detail/goodsinfo?itemid=' + itemid + '&relation_id=' + relation_id
				});
			} else {
				uni.navigateTo({
					url: '/pages/detail/goodsinfo?itemid=' + itemid
				});
			}
		}
	},
	onReachBottom: function() {
		this.page = this.page + 1;
		this.loadCouponList();
	},
	onPullDownRefresh: function() {
		this.page = 1;
		this.min_id = 1;
		this.loadCouponList('Refresh');
	}
};
</script>

<style>
@import '../../static/css/index.css';
</style>
